<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>京东-欢迎登陆</title>
    <link rel="stylesheet" href="./index.css" />
  </head>
  <body>
    <!-- header -->
    <div class="header">
      <div class="header-box">
        <div class="header-left">
          <img src="./images/logo-201305-b.png" style="padding: 10px" />
          <img src="./images/l-icon.png" style="margin-bottom: 8px" />
        </div>
        <div class="header-right">
          <img
            src="./images/q-icon.png"
            style="margin-top: 60px; margin-right: 10px"
          />登陆页面，调查问卷
        </div>
      </div>
    </div>
    <div class="header-bottom">
      <div class="header-middle">
        <img src="./images/icon-tips.png" style="margin-right: 5px" />
        依据《网络安全法》，为保障您的账户安全和正常使用，请尽快完成手机号验证！
        新版<a href="">《京东隐私政策》</a>已上线，将更有利于保护您的个人隐私。
      </div>
    </div>
    <!-- banner -->
    <div class="banner">
      <div class="banner-img">
        <div class="banner-login">
          <div class="banner-login-title">
            <img
              src="./images/icon-tips.png"
            />京东不会以任何理由要求您转账汇款，谨防诈骗。
          </div>
          <div class="banner-login-text">
            <div class="banner-left">扫码登录</div>
            <div class="banner-right">账户登录</div>
          </div>
          <div class="qrCode">
            <div class="qrCode-top"><img src="./images/show.png" alt="" /></div>
            <div class="qrCode-middle">
              打开<a href="#" style="color: red">手机京东</a> &nbsp; 扫描二维码
            </div>
            <div class="qrCode-bottom">
              <div class="icon-left"></div>
              免输入
              <div class="icon-middle"></div>
              更快
              <div class="icon-right"></div>
              更安全
            </div>
          </div>
          <div class="loginMode">
            <div class="loginMode1">
              <div class="loginMode-left">
                <div class="loginMode-left1">
                  <img
                    src="./images/QQ.png"
                    style="width: 19px; margin-right: 5px"
                  /><span class="QQ">QQ </span>
                </div>
                <div class="loginMode-left2">
                  <img
                    src="./images/WX.png"
                    style="width: 19px; margin-right: 5px"
                  /><span class="WX">微信 </span>
                </div>
              </div>
              <div class="loginMode-right">
                <img
                  src="./images/174dbe199f91fcc225d6e7ec4478ed3.png"
                  style="width: 16px; margin-right: 5px"
                /><span class="zc"> 立即注册 </span>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- footer -->
    <div class="footer">
      <div class="footer-box">
        <div class="footer-top">
          <a href="#">关于我们</a> |<a href="#">联系我们</a> |
          <a href="#">人才招聘</a> | <a href="#">商家入驻</a> |
          <a href="#">广告服务</a> | <a href="#">手机京东</a> |
          <a href="#">友情链接</a> | <a href="#">销售联盟</a> |
          <a href="#">京东社区</a> | <a href="#">京东公益 </a>|
          <a href="#">English Site</a>
        </div>
        <div class="footer-bottom">
          Copyright © 2004-2022 京东JD.com 版权所有
        </div>
      </div>
    </div>
  </body>
</html>
